<!DOCTYPE html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<title>Syndash-网络延时监测</title>
	<!--favicon-->
	<link rel="icon" href="static/images/favicon-32x32.png" type="image/png" />
	<!-- Vector CSS -->
	<link href="static/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
	<!--plugins-->
	<link href="static/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
	<link href="static/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
	<link href="static/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
	<!-- loader-->
	<link href="static/css/pace.min.css" rel="stylesheet" />
	<script src="static/js/pace.min.js"></script>
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
	<!-- Icons CSS -->
	<link rel="stylesheet" href="static/css/icons.css" />
	<!-- App CSS -->
	<link rel="stylesheet" href="static/css/app.css" />
	<link rel="stylesheet" href="static/css/dark-header.css" />
	<link rel="stylesheet" href="static/css/dark-theme.css" />
</head>

<body>
	<!--div class="page-content-wrapper"-->
	<div class="page-content">
		<div class="card radius-15">
			<div class="card-header border-bottom-0">
				<div class="d-lg-flex align-items-center">
					<div>
						<h5 class="mb-2 mb-lg-0">网络延迟实时监测</h5>
					</div>
					<div class="ml-lg-auto mb-2 3mb-lg-0">
						<div class="btn-group-round">
							<div class="btn-group">
								<div style="margin-right: 10px;margin-top: 3px;">
									<input id='serverip' type='text' placeholder="请输入服务器IP地址" />
								</div>
								<button type="button" auto=false id='refresh_button' class="btn btn-white">开始监测</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		<div class="card-body">
			<div id="chart1"></div>
		</div>
		</div>
	</div>
	</div>
	<!--start overlay-->
	<div class="overlay toggle-btn-mobile"></div>
	<!--end overlay-->
	<!--Start Back To Top Button--> <a href="javascript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
	<!--End Back To Top Button-->
	<!--footer -->
	<div class="footer">
		<p class="mb-0">大数据中心 @2020 </p>
	</div>
	<!-- end footer -->
	</div>
	<!-- JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="static/js/jquery.min.js"></script>
	<script src="static/js/popper.min.js"></script>
	<script src="static/js/bootstrap.min.js"></script>
	<!--plugins-->
	<script src="static/plugins/simplebar/js/simplebar.min.js"></script>
	<script src="static/plugins/metismenu/js/metisMenu.min.js"></script>
	<script src="static/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
	<!-- Vector map JavaScript -->
	<script src="static/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
	<script src="static/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
	<script src="static/plugins/vectormap/jquery-jvectormap-in-mill.js"></script>
	<script src="static/plugins/vectormap/jquery-jvectormap-us-aea-en.js"></script>
	<script src="static/plugins/vectormap/jquery-jvectormap-uk-mill-en.js"></script>
	<script src="static/plugins/vectormap/jquery-jvectormap-au-mill.js"></script>
	<script src="static/plugins/apexcharts-bundle/js/apexcharts.min.js"></script>
	<script src="static/js/ping.js"></script>
	<!-- App JS -->
	<script src="static/js/app.js"></script>
</body>

</html>